//1. 导入 React
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
//2. 创建虚拟 DOM 对象    React.createElement()

//3. 渲染
// ReactDOM.render(<App />, document.querySelector('#root'));

//获取按钮
let btns = document.querySelectorAll('button');

btns[0].onclick = function(){
  //挂载 App 组件
  ReactDOM.render(<App />, document.querySelector('#root'));
}

btns[1].onclick = function(){
  //卸载 App 组件
  // unmount 卸载  component 组件  at  在   node 节点
  ReactDOM.unmountComponentAtNode(document.querySelector('#root'));
}

